@mixin clearfix {
  &:after {
    content: '';
    display: table;
    clear: both; // 作用：清除浮动
  }
}

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6; // 滚动条背景色
  }

  &::-webkit-scrollbar {
    width: 6px; // 滚动条宽度
  }

  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px; // 滚动条圆角
  }
}

@mixin relative {
  // 作用：相对定位
  position: relative;
  width: 100%;
  height: 100%;
}